﻿
@model HomeCareLibrary.Core.Dtos.FeatureDto
<div class="rotation-page">       
    <div class="main-content"> 
        <div class="personalization-content"> 
            <div class="personalization-bg"> 
                <div class="personalization-inn"> 
                    <div class="personalization-data rotation-per-data">
                        <a id='btn-reverse' class="closeicon"><img src="@Url.Content("~/images/personalization-images/close.png")" alt="" /></a>                        
                        @if (Model != null)
                        {
                            <div class="rotation-top clearfix"><img class="img-responsive" src="@Url.Content("~/images/personalization-images/rotation-img.png")" alt=""> 
                                <span>@Model.feature_name</span>
                            </div>
                            <p class="top-data">@Html.Raw(Model.feature_description)</p>
                        }
                        else
                        {
                            <div class="rotation-top clearfix"><img class="img-responsive" src="@Url.Content("~/images/personalization-images/rotation-img.png")" alt=""> 
                                <span>No Feature Avaialble</span>
                            </div>
                            <p class="top-data">Could not load the data!!</p>
                        }
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>    
    $(function () {
        //$("#btn-reverse").click(function (e) {
        //    window.scrollTo(0, 0);
        //    $(".flipboxnew").flippyReverse();
        //    e.preventDefault();
        //})

        $("#btn-reverse").click(function (e) {
            window.scrollTo(0, 0);
            $(".flipboxnew").fadeOut('slow','swing');
            $(".flipbox").show();
            e.preventDefault();
        })
    });
</script>
